草庐IT

Unity Scroll Rect滚动到底部

全部标签

javascript - 如何使用 jquery 或 javascript 滚动到特定的 div

我想使用jquery滚动到特定的div我写的代码是这样的:$("#button").on('click',function(){varp=$("#dynamictabstrp");varoffset=p.offset();window.scrollBy(offset.left,offset.top);});但它并没有移动到div位置。我怎样才能在jquery或javascript中做到这一点 最佳答案 试试这个$("#button").on('click',function(){$('html,body').animate({'sc

javascript - 如何让我的导航栏在滚动经过 anchor 时更改 CSS 类?

我正在使用Bootstrap3并希望实现thiseffect当用户滚动经过我页面上的大标题图像时。我需要导航栏的背景从透明变为白色。我查看了他们的代码,我知道它是用javascript完成的,甚至还看到了WHERE我认为它正在发生(在该JS中查找ID“#main-header”)...除了不了解高级Javascript之外,我正在寻找一种方法,以便在滚动到某个点时将其应用于我的导航栏。我的代码的类称为“导航栏”,我希望它在通过“#main”时变成白色。如果您需要更多信息,请告诉我,如果有人愿意提供帮助,请提前致谢! 最佳答案 完成您

javascript - 滚动到水平 div 中的元素

我有一个水平div:我需要通过JavaScript按钮滚动到此div中的特定元素(在单击div后必须滚动到该元素)。我该怎么做?........ 最佳答案 或者您可以使用以下代码段:$('.scrollable').animate({scrollLeft:$('#dstElement').position().left},500);在哪里position()如果定位了scrollable,则返回#dstElement到`.scrollable'的相对位置。代码与演示var$scroller=$('.scroller');//assi

javascript - 在 iPad iOS 11.4 上的 Mobile Safari 中滚动期间触摸事件仅触发 "once"

在MobileSafari中滚动时,会触发第一个touchstart、touchmove和touchend事件,但是,如果您仍在滚动不会触发额外的触摸事件。对于我的应用程序,这是有问题的,因为用户可以用他们的手指停止滚动,而我无法判断是否有手指按下。当手指向下时,您无法设置window的scrollTop,或者您可以设置它,它会发生变化,但窗口不会滚动。当用户再次移动他们的手指时,它不是从我设置scrollTop的位置开始滚动,而是从他们的手指是否被放下开始滚动。请不要评论我为什么要更改窗口的scrollTop;让我们接受它作为一项优先要求。关于如何检测是否有手指按下的任何想法?

javascript - 如何防止停止滚动悬停 iFrame(完美滚动条)?

我正在使用这个plugin更改滚动条的外观。尽管进行了所有尝试,但我无法使其正常工作,事实上,如果我在iFrame上方滚动页面,滚动将无法正常工作,如您在此代码段中所见:$('.modal-container').perfectScrollbar();.row-body{overflow:hidden;padding:0;}.row-body,.row-page{box-sizing:border-box;border-bottom:0;width:100%;margin:0auto;}.row-body.twelve{width:100%;height:100vh;}.body-co

javascript - 添加后使用 jQuery 将 div 自动滚动到底部

我有一个divclass='messages'。我通过jQuery.append()向这个div添加日期以下是样式:.messages{border:1pxsolid#dddddd;padding:10px;height:400px;overflow-x:visible;overflow-y:scroll;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:10px;font-size:14px;}对于自动滚动,我使用这样的函数:receiveMessage=function(

javascript - 防止在特定屏幕尺寸的智能手机上滚动

我只需要防止在发生特定事件时使用JS和/或JQuery在移动设备上滚动。我有一个图形,当用户打开图形时,滚动将被禁用,一旦关闭,滚动将再次启用。目标设备是:从4s到最新的任何iPhone(包括5+6)以下是我尝试过但没有成功的一些事情:方法一:document.addEventListener('touchstart',this.touchstart);document.addEventListener('touchmove',this.touchmove);functiontouchstart(e){e.preventDefault()}functiontouchmove(e){e.

javascript - 使用jQuery UI Draggable,使用滚动条时如何避免拖动?

很久以前,我在我的应用程序中创建了一个对话框。该对话框非常简单,位置绝对,通过javascript在屏幕上居中。现在我已经将jQueryUI添加到应用程序,但我不想使用jQueryUI的对话框,因为它们的工作方式不同。但我确实使用jQueryUI使我的对话框可拖动,因为它非常简单:$('#dialog').draggable();有一个问题,我的一些对话框有滚动条。但是使用draggable方法,如果有滚动条,它会因为拖动对话框而出错。有没有办法让对话框在使用滚动条时不拖动?我注意到有一些方法可以避免元素被拖动,但滚动条不是元素。谢谢编辑:JSFiddle:http://jsfiddl

javascript - 如何在动画完成之前禁用滚动?

我正在使用这段代码滚动到我页面上的某个元素:$("html,body").animate({scrollTop:$(".myDiv").offset().top},300);它有效,但存在一个问题:当用户向下滚动而脚本向上滚动时,会出现一些抖动,因为同时有两个滚动命令在不同的方向-对我来说这听起来很合乎逻辑。我检查了其他一些具有这种滚动功能的网站,没有抖动。那么有什么技巧可以防止这种情况发生呢? 最佳答案 当你使用带滚动的动画时,这是一个jQuery错误,很好的检测。我研究了如何关闭滚动并找到了这个问题:Howtodisablesc

javascript - 反向滚动

我无法找到解决我想要完成的事情的方法。我正在尝试使用JS(或其他库)来实现它,以便当用户在鼠标滚轮上向下滚动时,页面会以与正常情况相反的方式滚动。基本上,我希望首先看到页面底部,当用户滚动时,我希望屏幕顶部向下进入视野。我能找到的唯一示例是http://conduit.com/的右栏.我已经设置了一个JSFiddlehttp://jsfiddle.net/5UUtV/有一个例子来帮助形象化它。我知道这可能与以下方面有关:window.scrolltop();但老实说,我不确定解决此问题的最佳方法。我希望首先看到标有“1”的面板,然后在用户滚动时看到其他面板。任何关于如何做到这一点的想法